草庐IT

UI 框架

全部标签

javascript - 如何使用 ui-router 仅在某些页面上附加导航栏?

如何在除着陆页之外的每个页面上都显示一个导航栏,这样就不必在每个需要的页面上附加一个导航栏文件?现在我在主应用程序布局中包含了导航栏,应该如何处理它以使其保持干爽?演示(每个页面都有导航栏):varApp=angular.module('app',['ui.router']);App.config(function($stateProvider,$urlRouterProvider){$stateProvider.state('home',{url:'/home',templateUrl:'home.html'}).state('about',{url:'/about',templat

javascript - 如何在不实际拖放的情况下使用 jQuery UI Droppable 触发 Drop 事件?

我有一个带有放置事件处理程序的droppable:$(this).droppable({drop:function(){console.log('OMGYouDroppedIt!');}});我有一个可拖动:$(this).draggable();我想做的是在droppable上触发drop事件处理程序,而不实际拖放draggable。我想模拟实际行为而不实际执行该行为。我认为这样的事情会做:$(droppable).trigger('drop',[draggable]);不幸的是,事情并没有那么简单。有谁知道我怎样才能做到这一点? 最佳答案

javascript - jQuery 与 Yahoo UI API 设计

就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter寻求指导。10年前关闭。我对jQuery和YahooUIAPI之间的设计差异感到困惑。免责声明:我非常不喜欢jQueryapi,但我对Web编程和一般的javascript也非常无知,所以我可能大错特错,回到这里乞求赎回。太长...我的问题的重点如下。两种设计不同。jQuery将DOM放在中心,并通过在其上执行“触发”增强器方法来装饰DOM。例子$("#flexigrid"

javascript - 为什么 child 可以重定向父框架?

这两个问题我看了看,没看懂。RedirectparentwindowfromaniframeactionHowtopreventIFRAMEfromredirectingtop-levelwindow一方面,您似乎可以重定向父iframe,而另一方面却不能?当我尝试它时,重定向父框架没有问题,所以我很好奇为什么每个人都说你不能重定向父框架,除非你在同一个域中。但是我可以在没有相同域上的框架的情况下重定向。Asstatedpreviously,willredirecttheparentiframe.Onethingtobearinmindisthatboththewebsite,andt

javascript - 使用 Angular.js + UI 路由器进行 Karma 测试

我想知道如何使用Karma测试Angular.js+UI路由器?我定义了以下状态:其中有两个resolve,它们获取一些数据并为Controller准备数据。(来自Ember背景,这很有意义。)$stateProvider.state('users',{resolve:{getData:function(User){returnUser.query().$promise},stateModels:function(getData){varmodels={}models.users=getDatareturnmodels}},url:'/',templateUrl:'/views/use

javascript - 阻止原始框架 "null"访问跨域框架 - chrome

我是Javascript的新手,我正在通过一本侧重于其在IE7+和Firefox2+中的应用程序的教科书来学习基础知识。但是,我使用的是Chrome,在运行书中给出的程序时出现以下错误:“阻止了来自‘null’的来源框架访问跨域框架。”谁能告诉我导致错误的原因以及如何解决?这两个程序如下。//ThisistheprogrambeingloadedintothebrowserExamplefunctioncalcFactorial(factorialNumber){varfactorialResult=1;for(;factorialNumber>0;factorialNumber--)

javascript - 求SVG+Javascript框架的好的解决方案

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion我期待听到其他人使用SVG+Javascript框架的经验。我希望框架处理的事情-DOM创建、事件处理和最小尺寸。JquerySVG插件-http://keith-wood.name/svg.html似乎是我唯一能找到的。

javascript - Angular UI-Router - 在 resolve 中返回被拒绝的 promise 不会停止状态转换

我试图确保用户在允许他们转换到特定状态之前经过身份验证。据我了解(在查看其他帖子后),如果状态的解析返回被拒绝的promise并且应该引发“$stateChangeError”事件,则不应发生状态转换。然而,这不是我正在经历的。逐步执行以下代码,我可以看到延迟promise被拒绝,但状态转换仍然发生并且未触发“$stateChangeError”。在我的模块配置中,我有以下状态:.state('accounts',{url:'/Accounts',controller:'AccountsController',templateUrl:'Scripts/angular/accounts/

javascript - 在与 jQuery UI 对话框和文本输入交互时,在 contenteditable 中保留文本选择

我有一个jQuery对话框,用于在contentEditable范围内创建链接。问题是单击按钮打开对话框会导致选择丢失,对话框内的文本输入也会导致选择丢失。我可以用-moz-user-select:none修复按钮;但是-webkit-user-select:none在Chrome中不起作用。我可以通过将输入包装在iframe中来修复输入,但这很困惑,点击其他任何地方也会杀死选择,例如,拖动对话框。我在HowtopreservetextselectionwhenopeningajQuerydialog看到了解决方案,但这在许多浏览器中的contenteditable元素中不起作用,只能

javascript - jquery-ui-sortable 的拖动事件

jquery-ui-sortable被拖动时如何监听drag事件?通过hit-n-trial策略,我尝试了jquery-ui-draggable中的drag事件,但它不起作用。$('.widget_container').sortable({drag:function(event,ui){console.log('drag');}}); 最佳答案 为此目的使用sort事件:$(".sortable").sortable({sort:function(e){console.log('X:'+e.screenX,'Y:'+e.scree